/*** ALL PAGES ***/
body.merchant	{ font-size:13px;}

#pageNavMenu a	{ font-size:14px; font-weight:normal; color:#666666; padding:15px 20px; display:block; float:left;}
#pageNavMenu a:hover	{ background: #DDDDDD; text-decoration:none; }
#pageNavMenu a.on,
#pageNavMenu a.on:hover	{ background: #3A87AD; color:#FFFFFF; }

#pageNavMenu a.rightMost	{ float:right;}


/*** OFFER PAGE STYLES ***/
.offerWrapper	{ overflow:auto; padding:5px 0 0 0;}
.offerWrapper .offerTitle	{ margin:0 0 20px 0;}

.offerWrapper  .thumb	{ float:left; width:400px; margin:0 20px 0 0; position:relative;}
.offerWrapper  .thumb img	{ background:#f8f8f8; border:1px solid #eaeaea; display:block; width:100%; height:250px; }

.offerWrapper .offerSpecs	{ float:left; width:250px;}
.offerWrapper .offerSpecs .row	{ margin:0 0 15px 0;}
.offerWrapper .offerSpecs .price	{ font-size:62px; line-height:60px; text-align:center;}
.offerWrapper .offerSpecs .grid table td	{ text-align:center; vertical-align:middle; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding:10px;}
.offerWrapper .offerSpecs .grid table td:last-child	{ border-right:none;}
.offerWrapper .offerSpecs .grid table td label	{margin:0 0 5px 0; display:block; font-size:17px; font-weight:bold;}

.offerWrapper .offerSpecs .actions	{ margin:20px 0}
.offerWrapper .offerSpecs p	{ margin:0 0 15px 0; line-height:18px;}

.offerBlock	{ overflow:hidden; margin:0 0 20px 0;}
.offerBlock p	{ line-height:18px; font-size:13px; margin:0 0 10px 0;}

/*** MERCHANT PAGES ***/
.merchant .pageCol1	{ float:left; width:700px; margin:0 20px 0 0;}
.merchant .pageCol2	{ float:left; width:280px;}

.merchant .progressIndicator	{ font-size:16px; margin:30px 0 50px 0;}
.merchant .progressIndicator span	{ display:inline-block; background:#EAEAEA; border-radius:50px; padding:15px 20px; margin:0 10px 0 0;}

.merchant .progressIndicator li.on	{ color:#333333;}
.merchant .progressIndicator li.on span	{ color:#FFFFFF; background:#666666;}

.merchant .progressIndicator .line	{ border-bottom:1px solid #CCCCCC; height:1px; width:200px; margin:23px 20px 0 20px;}

.merchant .hr	{ border-bottom:1px solid #CCCCCC; height:1px; margin:20px 0; }
.merchant .hr.dotted	{ border-bottom:1px dotted #CCCCCC; }

.merchant .previewWrapper	{ border:4px dashed #EAEAEA; padding:20px 10px; margin:15px 0;}

.merchant .todoList	{ border:1px solid #BCE8F1; border-radius:5px; }
.merchant .todoList h3	{ background:#D9EDF7; border-radius:5px 5px 0 0; color:#3A87AD; font-size:15px; font-weight:bold; margin:0; padding:10px; }
.merchant .todoList .listItems li a	{ display:block; padding:10px 10px 10px 3px; font-size:14px; border-bottom:1px dotted #CCCCCC; color:#444444; }
.merchant .todoList .listItems li a i	{ font-size:25px;}
.merchant .todoList .listItems li a:hover	{ text-decoration:none; background:#f5f5f5;}

.merchant .todoList .listItems li.ready a	{ color:#0999d5;}
.merchant .todoList .listItems li.process a	{ color:#F99431}
.merchant .todoList .listItems li.disabled a,
.merchant .todoList .listItems li.disabled a:hover	{ color:#CCCCCC; background:#EAEAEA;}

/*** MERCHANT LANDING ***/
.merchant.landing .banners	{ background: #EAEAEA; height:200px; font-size:21px; text-align:center; padding:100px 0 0 0; margin: 0 0 20px 0;}


/*** MERCHANT GET STARTED PAGE ***/
.merchant.getStarted .blurb	{ background:#f5f5f5; border:4px dashed #CCCCCC; padding:10px;}


/*** MERCHANT LOGIN PAGE ***/


/*** MERCHANT HOMEPAGE ***/
.merchant.homepage .yellow.infoMessage	{ padding:20px 10px;}
.merchant.homepage .yellow.infoMessage p	{ line-height:21px;}

.merchant .promoWidget	{ background:#f9f9f9; border:1px solid #CCCCCC; padding:15px 10px; border-radius:5px; float:left; width:470px; margin-bottom:20px; min-height:150px; position:relative;}
.merchant .promoWidget i	{ display:block; float:left; margin:15px 15px 15px 0; font-size:65px;}
.merchant .promoWidget .content	{ float:left; max-width:395px;}
.merchant .promoWidget .content p	{ line-height:18px;}
.merchant .promoWidget.col1	{ margin-right:15px;}
.merchant .promoWidget .buttonBar	{ position:absolute; bottom:15px;}	


/*** CARDS LIST PAGE ***/
.cardsList table td	{ vertical-align:top; padding:20px 10px; border-bottom:1px solid #EAEAEA;}
.cardsList table td.thumbnail {width:100px;}
.cardsList table td.thumbnail img { background:#f5f5f5; height:75px; display:block; width:100%; border:1px solid #EAEAEA;}
.cardsList table td.actions	{ width:150px; text-align:right;}


/*** VOUCHER PAGE ***/
.voucherPage .styledSelectBox	{ margin:0 0 50px 0;}
